<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米服务</title>
    <link rel="stylesheet" href="css/小米服务.css"/>
</head>
<body>
<div class="top">
    <div class="top-a centenr">
        <ul class="top-b">
            <li><a href="#">小米网</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">米聊</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">多看阅读</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">小米网移动版</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">Select region</a></li>
        </ul>
        <ul class="top-c">
            <li><a href="#">登录</a></li>
            <li><a href="#">|</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
</div>
<div class="da centenr">
    <div class="nav">
        <button>购物车</button>
        <div class="ss">
            <input placeholder="搜索您需要的东西" type="text"/>
            <span></span>
        </div>
        <p>5月12日开放购买</p>

    </div>
    <div class="nav-a">
        <div class="nav-b">
            <p>全部商品分类</p>
        </div>
        <div class="nav-c">
            <ul>
                <li>首页</li>
                <li>小米手机</li>
                <li>红米</li>
                <li>小米平板</li>
                <li>小米电视</li>
                <li>盒子</li>
                <li>路由器</li>
                <li>合约机</li>
                <li>服务</li>
                <li>社区</li>
            </ul>
        </div>
    </div>
    <p class="nav-d">首页 / 服务支持</p>
    <div class="nav-e"></div>
    <p class="ning">您的哪款商品遇到了问题？</p>
    <div class="ning-a">
        <div class="ning-b centenr">
            <div class="ning-c">
                <img src="images5/goodsList01.jpg" alt=""/>
                <p>小米手机/红米手机</p>
            </div>
            <div class="ning-c">
                <img src="images5/goodsList02.jpg" alt=""/>
                <p>小米盒子</p>
            </div>
            <div class="ning-c">
                <img src="images5/goodsList03.jpg" alt=""/>
                <p>小米电视</p>
            </div>
            <div class="ning-c">
                <img src="images5/goodsList05.jpg" alt=""/>
                <p>其它配件类</p>
            </div>
        </div>
    </div>
        <p class="chang">常见问题</p>
    <div class="chang-a">
        <div class="chang-b">
            <img src="images5/index_01.jpg" alt=""/>
            <p>资源下载</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_02.jpg" alt=""/>
            <p>售后服务</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_03.jpg" alt=""/>
            <p>账户密码管理</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_04.jpg" alt=""/>
            <p>小米VIP认证</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_04.jpg" alt=""/>
            <p>小米之家面对面服务</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_06.jpg" alt=""/>
            <p>查询物流</p>
        </div>
        <div class="chang-b">
            <img src="images5/index_07.jpg" alt=""/>
            <p>商品防伪查询</p>
        </div>
        <div class="chang-c">
                <input placeholder="请输入您需要提问的问题" type="text"/>
                <button></button>
        </div>
    </div>
    <div class="fuwu">
    <p class="fuwu-a">您需要什么样的服务</p>
        <p class="fuwu-b">更多</p>
    </div>
    <div class="fuwu-c">
        <ul>
            <li><a href="#">热门问题</a></li>
            <li><a href="#">5月12日开放购买活动</a></li>
            <li><a href="#">小米手机Note产品特性综述</a></li>
            <li><a href="#">手机参数对比</a></li>
            <li><a href="#">我购买的东西什么时候发货？</a></li>
        </ul>
        <ul>
            <li><a href="#">如何在小米网购物</a></li>
            <li><a href="#">了解购物流程</a></li>
            <li><a href="#">如何在线支付</a></li>
            <li><a href="#">如何参加开放购买</a></li>
            <li><a href="#">如何修改订单信息</a></li>
        </ul>
        <ul>
            <li><a href="#">快递物流服务</a></li>
            <li><a href="#">查询物流信息</a></li>
            <li><a href="#">7个工作日内发货保障</a></li>
        </ul>
        <ul>
            <li><a href="#">实体店面对面服务</a></li>
            <li><a href="#">预约小米之家门店服务</a></li>
            <li><a href="#">身边的小米之家</a></li>
            <li><a href="#">附近授权维修网点</a></li>
            <li><a href="#">1小时快修服务</a></li>
        </ul>
        <ul>
            <li><a href="#">售后服务申请</a></li>
            <li><a href="#">7天无理由退货</a></li>
            <li><a href="#">15天免费换货</a></li>
            <li><a href="#">退换货进度查询</a></li>
            <li><a href="#">领取快递补偿</a></li>
            <li><a href="#">维修进度查询</a></li>
        </ul>
        <ul style="border: none">
            <li><a href="#">小米特色服务</a></li>
            <li><a href="#">建议留言</a></li>
            <li><a href="#">小米云服务</a></li>
            <li><a href="#">小米VIP认证</a></li>
            <li><a href="#">举报假货</a></li>
            <li><a href="#">小米移动电源鉴别宝典</a></li>
            <li><a href="#">小米活塞耳机鉴别宝典</a></li>
            <li><a href="#">小米官方授权经销商</a></li>
        </ul>
    </div>


    <div class="fuwu-d">
        <div class="fuwu-g">
        <div class="fuwu-e">
            <img src="images5/index-customers_01.jpg" alt=""/>
        </div>
        <div class="fuwu-f">
            <p class="fuwu-fa">咨询在线客服</p>
            <p class="fuwu-fb">7x24小时为您解决问题</p>
        </div>
        </div>
        <div class="fuwu-g">
        <div class="fuwu-e">
            <img src="images5/index-customers_02.jpg" alt=""/>
        </div>
        <div class="fuwu-f">
            <p class="fuwu-fa">致电客服专家</p>
            <p class="fuwu-fb">400-100-5678每天8：00-21：00</p>
        </div>
        </div>
        <div class="fuwu-g">
        <div class="fuwu-e">
            <img src="images5/index-customers-03.jpg" alt=""/>
        </div>
        <div class="fuwu-f">
            <p class="fuwu-fa">身边的小米之家</p>
            <p class="fuwu-fb">有困难没关系，这里有你的朋友</p>
        </div>
        </div>
        <div class="fuwu-g">
        <div class="fuwu-e">
            <img src="images5/index-customers_04.jpg" alt=""/>
        </div>
        <div class="fuwu-f">
            <p class="fuwu-fa">官方授权维修网点</p>
            <p class="fuwu-fb">520家网点让服务随时在身边</p>
        </div>
        </div>
    </div>
</div>
<div class="end">
    <div class="end-a centenr">
        <div class="end-b">
            <img src="images3/10.png" alt=""/>
            <p>1小时快修服务</p>
        </div>
        <div class="end-b">
            <img src="images3/11.png" alt=""/>
            <p>7天无理由退化</p>
        </div>
        <div class="end-b">
            <img src="images3/12.png" alt=""/>
            <p>15天免费换货</p>
        </div>
        <div class="end-b">
            <img src="images3/13.png" alt=""/>
            <p>满150元包邮</p>
        </div>
        <div class="end-b">
            <img src="images3/14.png" alt=""/>
            <p>520余家售后网点</p>
        </div>

    </div>
    <div class="end-c centenr">
        <div class="end-d">
            <p class="end-d-wz">400-100-5678</p>
            <p class="end-d-wx">周一至周日8：00-21：00<br>（仅收市话费）</p>
            <button>24小时在线客服</button>
        </div>

        <div class="end-e">
            <ul>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网店</a></li>
                <li><a href="#">预约亲临到店的服务</a></li>
            </ul>
            <ul>
                <li><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
                <li><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">小米部落</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
    </div>
    <div class="end-f centenr">
        <ul>
            <li>小米旗下网站：<a href="#">小米网</a></li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li><a href="#">小米路由器</a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul><br>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>

        <div class="end-i">
            <input placeholder="简体中文" type="text"/>
        </div>
    </div>
</div>
</body>
</html>